﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Students.Register" %>

<!doctype html>
<html>
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <title>Courses</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- jQuery UI -->
    <link rel="stylesheet" href="css/plugins/jquery-ui/jquery-ui.min.css">
    <!-- Theme CSS -->
    <link rel="stylesheet" href="css/style.css">
    <!-- Color CSS -->
    <link rel="stylesheet" href="css/themes.css">  
   
    <!-- Favicon -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png">
</head>
<body>
    <div id="navigation">
        <div class="container-fluid">
            <a href="#" id="brand">Student</a>
        </div>
    </div>
    <div class="container-fluid" id="content">
        <div id="main">
            <div class="container-fluid">
                <form id="form1" runat="server">
                    <div class="wrapper" style="margin-top: -350px;">
                        <h1>
                            <a href="/">
                                <img src="img/logo-big.png" alt="" class="retina-ready" width="59" height="49">Student</a>
                        </h1>
                        <div class="login-body" style="padding: 10px 20px;">
                            <h2>REGISTER</h2>
                            <div class="form-group">
                                <div class="email controls">
                                    <asp:TextBox CssClass="form-control" placeholder="Username" ID="tbUsername" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="pw controls">
                                    <asp:TextBox CssClass="form-control" TextMode="Password" placeholder="Password" ID="tbPassword" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="pw controls">
                                    <asp:TextBox CssClass="form-control" TextMode="Password" placeholder="Confirm Password" ID="tbCofirmPassword" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="email controls">
                                    <asp:TextBox CssClass="form-control" placeholder="Frist name" ID="tbFirstName" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="email controls">
                                    <asp:TextBox CssClass="form-control" placeholder="Last name" ID="tbLastName" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="email controls">
                                    <asp:TextBox CssClass="form-control" placeholder="Age" ID="tbAge" runat="server"></asp:TextBox>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="email controls">
                                    <asp:CheckBox CssClass="checkbox checkbox-inline" data-skin="square" data-color="blue" ID="cbIsFullTime" runat="server" Text="Is full time" />
                                </div>
                            </div>
                            <div class="submit">
                                <asp:Button runat="server" ID="btnRegister" CssClass="btn btn-primary" Text="Register" OnClick="btnRegister_Click" />
                                <a href="Login.aspx" class="btn-link">Login</a>
                            </div>
                            <div style="margin-top: 10px" class="alert alert-info alert-danger" runat="server" id="loginAlert">
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $('body').addClass('login');
                    </script>
                    <style type="text/css">
                        .checkbox label {
                            margin-top: 12px;
                        }
                    </style>
                </form>
            </div>
        </div>
    </div>
</body>
</html>

